<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>Swiper demo</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

		<!-- Link Swiper's CSS -->
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />

		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body>
		<!-- Swiper -->
		<div class="swiper-container">
			<div class="swiper-wrapper">

				<div class="swiper-slide one">
					<img src="images/logo.png" class="logo ani"  swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s" />
					<span class="title ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.1s">后盾IT教育</span>
					<span class="title ani" class="title ani" swiper-animate-effect="slideInRight" swiper-animate-duration="1s" swiper-animate-delay="0.1s">中国最牛的PHP培训</span>
				</div>
				<div class="swiper-slide two">
					<span class="top ani" class="title ani" swiper-animate-effect="rubberBand" swiper-animate-duration="1s" swiper-animate-delay="0.1s">后盾网专注于顶尖PHP程序员培训，已走过六年，2015年5月，后盾网北京校区搬入朝阳区孙河顺白路12号，无论从师资还是硬件，均属业界一流。</span>
				</div>
				<div class="swiper-slide three">
					<img src="images/yuanqu.jpg" class="top" />
					<img src="images/bieshu.jpg" alt="" class="bottom" />
					<div class="description ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
						<span>
						后盾网孙河校区占地6000余平米，其中办公教学区近2000平米，宿舍区4000余平米。后盾网周边有赛特奥莱购物中心，北京著名别墅群，环境优雅安静。
					</span>
					</div>
				</div>
				
				<div class="swiper-slide three">
					<img src="images/50qi.jpg" class="top" />
					<img src="images/50qi2.jpg" alt="" class="bottom" />
					<div class="description ani" style="background: rgba(101,49,142,0.85);" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
						<span>
						后盾网始终采用小班化教学，业界顶级名师全程授课，老师能及时跟进每位学员的学习动态，不让任何同学掉队！后盾网每位学员都能独立完成7个以上完整项目，毕业起薪8000-17000元！
					</span>
					</div>
				</div>
				
				<div class="swiper-slide three">
					<img src="images/jinqi1.jpg" class="top" />
					<img src="images/jinqi2.jpg" alt="" class="bottom" />
					<div class="description ani" style="background: rgba(237,85,100,0.85);" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
						<span>
						春华秋实，润物无声。后盾网是目前国内唯一一家毕业学员自发赠送锦旗的PHP培训机构！
					</span>
					</div>
				</div>
				
				<div class="swiper-slide three">
					<img src="images/36jinqi.jpg" class="top" />
					<img src="images/48jinqi.jpg" alt="" class="bottom" />
					<div class="description ani" style="background: rgba(195,216,37,0.85);" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
						<span>
						后盾网带给大家的不仅仅是顶尖的网站开发技术，更是一辈子在社会中立足的资本。同学们发自内的笑容是每个后盾人最大的动力！
					</span>
					</div>
				</div>
				
				<div class="swiper-slide last">
					<ul class="info ani"  swiper-animate-effect="rubberBand" swiper-animate-duration="1s" swiper-animate-delay="0.1s">
						<li>后盾IT教育</li>
						<li>www.houdunwang.com</li>
						<li>400-682-3231</li>
						<li></li>
					</ul>
				</div>
				<div class="swiper-slide">Slide 10</div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>

		<!--音乐-->
		<div id="music">
			<img src="images/music.gif" class="m" />
			<img src="images/music_off.png" class="off" />
			<audio src="http://kuaixuewang.oss-cn-hangzhou.aliyuncs.com/%E5%BE%AE%E5%9C%BA%E6%99%AF%E7%B4%A0%E6%9D%90%2Fbgmusic.mp3" loop="loop" preload="auto" autoplay="autoplay" class="bgmusic"></audio>
		</div>
		<!--音乐结束-->
		<!-- Swiper JS -->
		<script src="js/swiper.min.js"></script>
		<script src="js/swiper.animate1.0.2.min.js"></script>
		<script src="js/js.js"></script>
	</body>

</html>